<template>
	<!-- 侧边滑入遮罩层 -->
	<view class="side_shade">
		<view class="chick_me" @tap="flag = true">
			点击侧边滑入
		</view>
		
		<add-dot :addTaskDotFlag="flag" @closeAddDot="closeAddDot" @successAddDot="closeAddDot"></add-dot>
	</view>
</template>

<script>
	import AddDot from './components/addDot.vue'
	export default {
		name: 'SideShade',
		components: {
			AddDot
		},
		data() {
			return {
				flag: false
			}
		},
		methods: {
			/**
			 * 点击遮罩层取消或关闭
			 */
			closeAddDot() {
				this.flag = false
			}
		}
	}
</script>

<style lang="scss">
	.side_shade{
		padding: 24rpx;
		.chick_me{
			width: 100rpx;
			height: 60rpx;
			text-align: center;
			line-height: 60rpx;
			font-size: 28rpx;
			color: #fff;
			background-color: #007AFF;
			border-radius: 5rpx;
		}
	}
</style>
